﻿<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=5">
    <title>物语API</title>
    <meta name="description" content="物语API系统，欢迎各位来访使用！">
    <meta name="format-detection" content="telephone=no">
    <link rel="icon" href="../static/favicon.jpg">
    <link rel="stylesheet" href="../static/assets/css/index.css">
    <link rel="stylesheet" href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/fancybox/3.5.7/jquery.fancybox.css">
    <script type="text/javascript">
        if (!!window.ActiveXObject || "ActiveXObject" in window) { //is IE?
            alert('朋友，这边建议您使用Chrome浏览器呢~');
        }
    </script>
</head>

<body>
    <div id="body-wrap">
        <nav class="not_index_bg" id="nav" style="background-image:url(../static/assets/images/bg.jpg)">
            <div id="page_site-info">
                <div id="site-title">
                    <span class="blogtitle"></span>
                    <script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/typed.js/2.0.12/typed.min.js"></script>
                    <script>
                        var typed = new Typed(".blogtitle", {
                            strings: ['物语API','Are you ok?','有着很多实用的API呢','你还好吗？'],
                            startDelay: 300,
                            typeSpeed: 100,
                            loop: true,
                            backSpeed: 50,
                            showCursor: true
                        });
                    </script>
                </div>
            </div>
        </nav>
        <main id="content-outer">
            <div class="layout_page" id="content-inner">
                <div class="aside_content" id="aside_content">
                    <div class="card-widget card-info">
                        <div class="card-content">
                            <div class="card-info-avatar is-center">
                                <img class="avatar-img"
                                    src="../static/favicon.jpg"
                                    alt="avatar">
                                <div class="author-info__name"><font color="orange"><b>物语API</b></font></div>
                            </div>

                        </div>
                    </div>

                    <div class="card-widget card-announcement">
                        <div class="card-content">
                            <div class="item-headline">
                                <i class="fa fa-calendar" aria-hidden="true"></i>
                                <span>公告</span>
                            </div>
                            <div id="">
                                <p></p>
                            </div>
                        </div>
                    </div>
                    <div class="card-widget card-announcement">
                        <div class="card-content">
                            <div class="item-headline">
                                <i class="fa fa-bullhorn" aria-hidden="true"></i>
                                <span>一言</span>
                            </div>
                            <div id="hitokoto"></div>
                        </div>
                    </div>

                    <div class="card-widget card-announcement">
                        <div class="card-content">
                            <div class="item-headline">
                                <i class="fa fa-file-text-o" aria-hidden="true"></i>
                                <span>推荐</span>
                            </div>
                            <div id="hrefs">
                                <li><a href="http://www.perlink.cc/" style="color: orange; text-decoration:none;" target="_blank" rel="noopener noreferrer">首页</a></li>
                            </div>
                        </div>
                    </div>


                </div>
                <article id="page">
                    <div class="article-container">

                        <h2>API接口</h2>
                        <div class="tool">
                            <li><a href="/a_word_from" target="_blank" rel="noopener noreferrer"><strong>一言语录</strong>></a></li>
                            <li><a href="/lick_the_dog_diary" target="_blank" rel="noopener noreferrer"><strong>舔狗日记</strong>></a></li>
                            <li><a href="/tainted_chicken_soup" target="_blank" rel="noopener noreferrer"><strong>毒鸡汤</strong>></a></li>
                        </div>

                        <hr>
                        <h2>我的博客</h2>
                        <div class="tool">
                            <p>快来康康吧，每周更新！<br>&gt; <a href="http://www.perlink.cc" target="_blank" rel="noopener noreferrer">GO!</a></p>
                        </div>

                        <hr>
                        <h2></h2>
                        <div class="tool">
                            <p></p>
                        </div>
                    </div>
                </article>
            </div>
        </main>
        <footer id="footer">
            <div id="footer-wrap">
                &copy;物语API<br>黔ICP备2022005201号-1-
            </div>
        </footer>
    </div>
    <script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/typed.js/2.0.12/typed.js"></script>
    <script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/fancybox/3.5.7/jquery.fancybox.js"></script>
    <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
    <script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/instant.page/5.1.0/instantpage.js" type="module"></script>
    <script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/lazysizes/5.3.2/lazysizes.min.js" async></script>
    <script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/sweetalert/2.1.2/sweetalert.min.js"></script>

    <!-- APlayer -->
    <link rel="stylesheet" href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/aplayer/1.10.1/APlayer.min.css">
    <script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/aplayer/1.10.1/APlayer.min.js"></script>
    <!-- MetingJS -->
    <script src="../assets/js/meting.js"></script>

    <!-- nplayer -->
    <script src="https://unpkg.com/nplayer@latest/dist/index.min.js"></script>

    <!-- 一言 -->
    <script src="https://v1.hitokoto.cn/?encode=js&select=%23hitokoto" defer></script>
    <script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>

    <!-- 看板娘 -->

   <!--   <script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/autoload.js"></script>  -->


    <!--鼠标点击效果-->
 <script src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.8/js/maodian.js"></script>

    <!-- 复制内容 -->
    <script>
        function copy(data) {
            let input = document.createElement("input");
            input.setAttribute("readonly", "readonly");
            input.value = data;
            document.body.appendChild(input);
            input.select();
            document.execCommand("Copy");
            document.body.removeChild(input);
            swal("复制成功！");
        }
    </script>

    <!-- 显示邮箱 -->
    <script>
        function email() {
            swal({
                title: "E-mail",
                text: "ziyuanpro.com@gmail.com",
                buttons: ["复制", true],
            })
            .then((OK) => {
                if (OK) {
                }
                else {
                    copy("ziyuanpro.com@gmail.com");
                }
            });
        }
    </script>
    
    <!-- 显示URL -->
    <script>
        function page_url() {
            swal({
                title: "URL",
                text: url,
            })
        }
    </script>

    <!-- 问候 -->
    <script language="javaScript">
        now = new Date(),hour = now.getHours();
        if(hour > 0) if(hour < 6) swal({title: "凌晨了!", text: "注意休息~", icon: "info"});
        else if(hour > 6) if(hour < 9) swal({title: "早上好!", text: "Good morning", icon: "info"});
        else if(hour > 21) if(hour < 24)
            swal({
                title: "晚上好!",
                text: "开启夜间模式可以让页面不那么刺眼哟~",
                icon: "info",
                buttons: ["夜间模式", true],
            })
            .then((OK) => {
                if (OK) {
                }
                else {
                    dark();
                }
            });
    </script>

    <script type="text/javascript">
        // 控制台消息
        console.clear();
        console.log("%c 乾杯 - ( ゜- ゜)つロ", "background:#24272A; color:#ffffff", "");
        console.log("");

        // 夜间模式
        function dark() {
            var element = document.body;
            element.classList.toggle("dark-mode");
        }

        (function ($) {
            $.fn.snow = function (options) {
                var $flake = $('<div id="snowbox" />').css({ 'position': 'absolute', 'z-index': '9999', 'top': '-50px' }).html('&#10052;'),
                    documentHeight = $(document).height(),
                    documentWidth = $(document).width(),
                    defaults = {
                        minSize: 10,
                        maxSize: 20,
                        newOn: 1000,
                        flakeColor: "#AFDAEF" /* 此处可以定义雪花颜色，若要白色可以改为#FFFFFF */
                    },
                    options = $.extend({}, defaults, options);
                var interval = setInterval(function () {
                    var startPositionLeft = Math.random() * documentWidth - 100,
                        startOpacity = 0.5 + Math.random(),
                        sizeFlake = options.minSize + Math.random() * options.maxSize,
                        endPositionTop = documentHeight - 200,
                        endPositionLeft = startPositionLeft - 500 + Math.random() * 500,
                        durationFall = documentHeight * 10 + Math.random() * 5000;
                    $flake.clone().appendTo('body').css({
                        left: startPositionLeft,
                        opacity: startOpacity,
                        'font-size': sizeFlake,
                        color: options.flakeColor
                    }).animate({
                        top: endPositionTop,
                        left: endPositionLeft,
                        opacity: 0.2
                    }, durationFall, 'linear', function () {
                        $(this).remove()
                    });
                }, options.newOn);
            };
        })(jQuery);
        $(function () {
            $.fn.snow({
                minSize: 5, /* 定义雪花最小尺寸 */
                maxSize: 50,/* 定义雪花最大尺寸 */
                newOn: 800  /* 定义密集程度，数字越小越密集 */
            });
        });

        // 浏览器萌标题
        var OriginTitle = document.title;
        var titleTime;
        document.addEventListener('visibilitychange', function () {
            if (document.hidden) {
                // $('[rel="icon"]').attr('href', "/funny.ico");
                document.title = '╭(°A°`)╮ 快回来！';
                clearTimeout(titleTime);
            }
            else {
                $('[rel="icon"]').attr('href', "/favicon.ico");
                document.title = '(ฅ>ω<*ฅ) 总算回来啦~';
                titleTime = setTimeout(function () {
                    document.title = OriginTitle;
                }, 1000);
            }
        });
    </script>
</body>

</html>